*{
    margin: 0;
    padding: 0;
}
li{list-style: none;}
.txh{
    display: flex;
    
}
.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
.box{
	width: 100%;
	.px2rem(height,90);
	background: linear-gradient(#ed0000,#a90000);
	.txh;
	justify-content:space-between;
	align-items:center;
	p{
		.px2rem(margin-left,30);
		.px2rem(font-size,40);
		color:#fff;
		img{
			.px2rem(width,39);
			.px2rem(height,41);
		}
	}
	}
.banner{
	width: 100%;
	.px2rem(height,730);

	.tou{
		.px2rem(height,71);
		background: #f3f2f2;
		ul{
			.px2rem(height,71);
			.txh;
			justify-content:center;
			align-items:center;
			li{
				.px2rem(width,116);
			    .px2rem(height,41);
			    .px2rem(line-height,41);
			    .px2rem(border-radius,10);
			    background:linear-gradient(#e5e5e5,#c1c1c1) ;
			    border:1px solid #ccc;
			    .px2rem(font-size,27);
			    color:#3e3e3e;
			    text-align: center;
			    .px2rem(margin-right,20);

                img{
					.px2rem(width,14);
			        .px2rem(height,24);
				}
			}
		}
	}
	#ul li.active{
		background:linear-gradient(#9a9a9a,#676767) ;
		color:#fff;
	}
	.wei{
		width: 100%;
		.px2rem(height,652);
	}
	.one{
		
		display: none;
		dl{
			.txh;
			width: 100%;
			.px2rem(height,155);
			border-bottom: 1px solid #ccc;
			.px2rem(margin-top,16);
			dt{
				  .px2rem(margin-left,20);
				img{
					.px2rem(width,119);
			        .px2rem(height,130);
				}
				
			}
			dd{
				width: 75%;
                  .px2rem(margin-left,20);
				ul{
					li:nth-child(1){
						.px2rem(font-size,28);
						color: #000;
					}
					li:nth-child(2){
						width: 100%;
						.px2rem(font-size,18);
						.txh;
							justify-content:space-between;
						p{

							.a{
								display: block;
								color: #ccc;
								text-decoration: line-through;
							}
							span:nth-child(2){
								color:#cb0000;
							}
						}
						p:nth-child(2){
							.px2rem(width,83);
			                .px2rem(height,42);
			                .px2rem(line-height,42);
			                background: #cb0000;
			                color:#fff;
			                .px2rem(border-radius,8);
			                .px2rem(font-size,18);
			                text-align: center;

						}
					}
				}
			}
		}
	}
	.two{
		width: 100%;
		.px2rem(height,652);
		display: none;
		dl{
			.txh;
			width: 100%;
			.px2rem(height,155);
			border-bottom: 1px solid #ccc;
			.px2rem(margin-top,16);
			dt{
				  .px2rem(margin-left,20);
				img{
					.px2rem(width,119);
			        .px2rem(height,130);
				}
				
			}
			dd{
				width: 75%;
                  .px2rem(margin-left,20);
				ul{
					li:nth-child(1){
						.px2rem(font-size,28);
						color: #000;
					}
					li:nth-child(2){
						width: 100%;
						.px2rem(font-size,18);
						.txh;
							justify-content:space-between;
						p{

							.a{
								display: block;
								color: #ccc;
								text-decoration: line-through;
							}
							span:nth-child(2){
								color:#cb0000;
							}
							span:nth-child(3){
								.px2rem(margin-left,40);
								img{
									.px2rem(width,20);
			                        .px2rem(height,17);
								}
							}
						}
						
					}
				}
			}
		}
	}
	.three{
		width: 100%;
		.px2rem(height,652);
		display: none;
			dl{
			.txh;
			justify-content:space-between;
			width: 100%;
			.px2rem(height,155);
			border-bottom: 1px solid #ccc;
			.px2rem(margin-top,16);
			dt{
				  .px2rem(margin-left,20);
				img{
					.px2rem(width,119);
			        .px2rem(height,130);
				}
				
			}
			dd:nth-child(2){
				.px2rem(margin-left,-120);
			}
			dd:nth-child(3){

				img{
					.px2rem(width,20);
			        .px2rem(height,22);
			        .px2rem(margin-right,60);
			        .px2rem(margin-top,40);
				}
			}
			dd{
				
                  .px2rem(margin-left,20);
				ul{
					li:nth-child(1){
						.px2rem(font-size,28);
						color: #000;
					}
					li:nth-child(2){
						width: 100%;
						.px2rem(font-size,18);
						.txh;
							justify-content:space-between;
						p{

							.a{
								display: block;
								color: #ccc;
								text-decoration: line-through;
							}
							span:nth-child(2){
								color:#cb0000;
							}
						}
						p:nth-child(2){
							.px2rem(width,83);
			                .px2rem(height,42);
			                .px2rem(line-height,42);
			                background: #cb0000;
			                color:#fff;
			                .px2rem(border-radius,8);
			                .px2rem(font-size,18);
			                text-align: center;

						}
					}
				}
			}
		}
	}

}
.dibu{
	width: 100%;
	.px2rem(height,100);
	background: #000;
	position: fixed;
	bottom: 0;
	ul{
		.txh;
		li{
			flex:1;
             text-align: center;
             color:#fff;
             .px2rem(font-size,20);
             .px2rem(margin-top,14);
		}
		li:nth-child(1){
			img{
             	.px2rem(width,49);
             	.px2rem(height,44);
             }
		}
		li:nth-child(2){
			img{
             	.px2rem(width,41);
             	.px2rem(height,41);
             }
		}
		li:nth-child(3){
			img{
             	.px2rem(width,30);
             	.px2rem(height,41);
             }
		}
		li:nth-child(4){
			img{
             	.px2rem(width,52);
             	.px2rem(height,41);
             }
		}
		li:nth-child(5){
			img{
             	.px2rem(width,56);
             	.px2rem(height,14);
             }
             p{
             	.px2rem(margin-top,14);
             }
		}
	}
}